<!DOCTYPE html>
<html>
<head>
    <title></title>
    <meta content="text/html; charset=utf-8" http-equiv="Content-Type"/>
    <script src="/easyUI/jquery.min.js" type="text/javascript"></script>
    <script src="/easyUI/jquery.easyui.min.js" type="text/javascript"></script>

    <link href="/easyUI/themes/default/easyui.css" rel="stylesheet" type="text/css">
    <link href="/easyUI/themes/icon.css" rel="stylesheet" type="text/css">
    <link href="/easyUI/demo/demo.css" rel="stylesheet" type="text/css">

</head>

<body style="margin: 0; padding: 0;">

<div border="false" class="easyui-panel" fit="true" icon="icon-save" style="margin: 0;padding: 0;">
    <div class="easyui-layout" fit="true">
        <div border="false" id="easyui_toolbar" region="north"
             style="border-bottom: 1px solid #ddd; height: 32px; padding: 2px 5px; background: #fafafa;">
            <div style="float: left;">
                <a class="easyui-linkbutton" href="#" icon="icon-add" onclick="add()" plain="true">新增</a>
            </div>
            <div class="datagrid-btn-separator"></div>
            <div id="tb" style="float: right;">
                <input class="easyui-searchbox" id="userid" prompt="请输入学号" searcher="doSearch"
                       style="width: 130px; vertical-align: middle;"></input>
            </div>
        </div>
        <div border="false" region="center">
            <table id="tt"></table>
            <div class="easyui-dialog" data-options="iconCls:'icon-save',resizable:true,modal:false,closed:true" id="dd"
                 style="width: 400px; height: 500px;text-align:center"
                 title="My Dialog">
                <form id="ff" method="post">
                    <div style="margin-bottom:20px">
                        <input class="easyui-textbox" data-options="label:'id:',required:true" name="userid"
                               style="width:100%">
                    </div>
                    <div style="margin-bottom:20px">
                        <input class="easyui-textbox" data-options="label:'姓名:',required:true" name="username"
                               style="width:100%">
                    </div>
                    <div style="margin-bottom:20px">
                        <input class="easyui-passwordbox" data-options="label:'密码：',required:true" iconWidth="28"
                               name="passwd" style="width:100%">
                    </div>

                    <div style="margin-bottom:20px">
                        <input class="easyui-textbox" data-options="label:'Email:',validType:'email'" name="email"
                               style="width:100%">
                    </div>
                    <div style="margin-bottom:20px">
                        <input class="easyui-textbox" data-options="label:'手机:',required:true" name="mobile"
                               style="width:100%">
                    </div>
                    <div style="margin-bottom:20px">
                        <select class="easyui-combobox" label="角色" name="role" style="width:100%">
                            <option value="ADMIN">ADMIN</option>
                            <option value="USER">USER</option>
                        </select>
                    </div>
                </form>
                <div style="text-align:center;padding:5px 0">
                    <a class="easyui-linkbutton" href="javascript:void(0)" onclick="submitForm()" style="width:80px">Submit</a>
                    <a class="easyui-linkbutton" href="javascript:void(0)" onclick="clearForm()" style="width:80px">Clear</a>
                </div>
            </div>
        </div>
    </div>
</div>
<script type="text/javascript" src="../js/userManage.js"></script>

</body>
</html>